/*
  当编写 mixins、函数时，需要确保这些参数的类型和格式符合 API 的预期。不符合，需要通知。
*/

@mixin reflexive-position($property, $value) {
  @if $property != left and $property != right {
    @error '属性 #{$property} 必须是 left 或 right.';
  }

  $left-value: if($property == right, initial, $value);
  $right-value: if($property == right, $value, initial);

  left: $left-value;
  right: $right-value;
  [dir=rtl] & {
    left: $right-value;
    right: $left-value;
  }
}

.sidebar {
  @include reflexive-position(left, 12px);
  // @include reflexive-position(top, 12px);
}